<template>
	<div id="app">	
	<!-- 头部导航 -->
		<div class="nav">
			<header-nav></header-nav>
		</div>
	
		<div class="myMian">
			<router-view></router-view>
		</div>
		<!-- 底部导航 -->
		<footer-nav></footer-nav>
	</div>
</template>
<script>
	import HeaderNav from "@/components/HeaderNav.vue";
	import FooterNav from "@/components/FooterNav.vue";
	export default {
		components: {
			"footer-nav": FooterNav,
			"header-nav": HeaderNav,
		},
	};
</script>
<style>
	.nav {
		padding-bottom: 46px;
	}

	.myMian {
		bottom: 50px;
		margin-bottom: 50px;
		overflow-y: auto;
	}
</style>